<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>首页</title>
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_2945959_zjgm044dw6f.css">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="swiper/swiper-bundle.css">
</head>

<body>

  <!-- 顶部 -->
  <div class="top-bar">
    <div class="contenter">
      <div class="l-box">
        <div class="collect">
          <i class="iconfont icon-shoucang"></i>
          <a href="javascript:;">收藏浪漫天使鲜花礼品</a>
        </div>
        <div class="weixin">
          <i class="iconfont icon-weixin"></i>
          <a href="javascript:;">关注微信</a>
          <div class="qr_code">
            <img src="./img/qr/qr.jpg" alt="">
            <p>扫一扫 有惊喜</p>
          </div>
        </div>
      </div>
      <div class="r-box">
        <ul>
          <li class="f-item">
            <a href="./login.html" class="log-in">你好，请登录</a>
            <a href="./sign.html" class="sign-in">注册</a>
          <li>
            <span>|</span>
          <li>
            <a href="./login.html" class="col-r">我的订单</a>
          </li>
          <span>|</span>
          <li> <a href="./shopping_car.html" class="shop-car">
              <i class="iconfont icon-gouwuche"></i>
              购物车
              <span>(0)</span>
            </a>
          </li>
          <span>|</span>
          <li>
            <a href="./see_older.html" class="col-r">订单查询</a>
          </li>
          <span>|</span>
          <li>
            <a href="settle.html" class="col-r">结账通道</a>
          </li>
          <span>|</span>
          <li>
            <a href="#" class="col-r">购物流程</a>
          </li>
        </ul>
      </div>
    </div>
  </div>


  <!-- 头部 -->
  <div class="header">
    <div class="contenter">
      <div class="logo"><a href="./index.html"><img src="./img/logo/logo.jpg" alt=""></a></div>
      <div class="search">
        <div class="top">
          <input type="text" name="" id="text" placeholder="商品关键字">
          <div class="btn">搜索</div>
        </div>
        <div class="bto">
          <a href="#">浪漫爱情</a>
          <a href="#">99朵玫瑰</a>
          <a href="#">蓝色妖姬</a>
          <a href="#">生日礼物</a>
          <a href="#">商务花篮</a>
          <a href="#">鲜花礼盒</a>
          <a href="#">纪念日鲜花</a>
        </div>
      </div>
      <div class="relation">
        <div class="num">
          <i class="iconfont icon-dianhuatianchong"></i>
          400-9919-650
        </div>
        <div class="service">
          <i class="iconfont icon-wodekefu"></i><a href="#">在线客服</a>
        </div>
      </div>
    </div>
  </div>



  <!-- nav -->
  <div class="nav ">
    <div class="contenter clearfix">
      <!--全品导购  -->
      <div class="l-list">
        <span>全部商品导购</span>
        <div class="meun">
          <h3>鲜花用途</h3>
          <ul class="clearfix">
            <li><a href="#">爱情鲜花 </a></li>
            <li><a href="#"> 生日鲜花 </a></li>
            <li><a href="#"> 友谊鲜花 </a></li>
            <li><a href="#"> 领导长辈 </a></li>
            <li><a href="#"> 探病慰问 </a></li>
            <li><a href="#"> 99朵 </a></li>
            <li><a href="#"> 祝贺鲜花 </a></li>
            <li><a href="#"> 商务鲜花</a></li>
            <li><a href="#"> 道歉鲜花</a></li>
            <li><a href="#"> 纪念日花</a></li>
          </ul>
          <h3>鲜花类别
          </h3>
          <ul class="clearfix">
            <li><a href="#"> 鲜花礼盒 </a></li>
            <li><a href="#"> 花束</a></li>
            <li><a href="#"> 开业花篮 </a></li>
            <li><a href="#"> 会议桌花 </a></li>
            <li><a href="#"> 99朵 </a></li>
            <li><a href="#"> 玩偶花束 </a></li>
          </ul>
          <h3>鲜花花材
          </h3>
          <ul class="clearfix">
            <li><a href="#">玫瑰 </a></li>
            <li><a href="#"> 百合 </a></li>
            <li><a href="#"> 向日葵 </a></li>
            <li><a href="#"> 康乃馨 </a></li>
            <li><a href="#"> 满天星 </a></li>
            <li><a href="#"> 勿忘我 </a></li>
            <li><a href="#"> 雏菊 </a></li>
          </ul>
        </div>
      </div>
      <!-- 右侧列表 -->
      <div class="r-list">
        <a href="./flower.html" class="yi-a">鲜花</a>
        <a href="./y-s_flower.html" class="yi-a">永生花</a>
        <a href="s-w_flower.html" class="yi-a">商务花篮</a>
        <a href="l-z_flower.html" class="yi-a">绿植花卉</a>
        <!-- 二级列表1 -->
        <div class="er-list">
          <!-- 第一行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>花材：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">玫瑰</a></li>
              <li><a href="#">百合</a></li>
              <li><a href="#">99朵玫瑰</a></li>
              <li><a href="#">蓝色妖姬</a></li>
              <li><a href="#">向日葵</a></li>
              <li><a href="#">康乃馨</a></li>
              <li><a href="#">满天星</a></li>
              <li><a href="#">勿忘我</a></li>
              <li><a href="#">郁金香</a></li>
              <li><a href="#">马蹄莲</a></li>
              <li><a href="#">手提花篮</a></li>
              <li><a href="#">雏菊</a></li>
              <li><a href="#">鲜花礼盒</a></li>
              <li><a href="#">桔梗</a></li>
              <li><a href="#">高端花束</a></li>
              <li><a href="#">包月鲜花</a></li>
              <li><a href="#">创意花束</a></li>
            </ul>
          </div>
          <!-- 第二行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>用途：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">友谊送花</a></li>
              <li><a href="#">浪漫爱情</a></li>
              <li><a href="#">生日鲜花</a></li>
              <li><a href="#">致歉鲜花</a></li>
              <li><a href="#">慰问祝福</a></li>
              <li><a href="#">悼念鲜花</a></li>
            </ul>
          </div>
          <!-- 第三行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>枝数：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">9枝</a></li>
              <li><a href="#">11枝</a></li>
              <li><a href="#">19枝</a></li>
              <li><a href="#">21枝</a></li>
              <li><a href="#">33枝</a></li>
              <li><a href="#">66枝</a></li>
              <li><a href="#">99枝</a></li>
              <li><a href="#">108枝</a></li>
              <li><a href="#">365枝</a></li>
              <li><a href="#">999枝</a></li>
              <li><a href="#">9999枝</a></li>
            </ul>
          </div>
          <!-- 第四行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>价格：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">100-200元</a></li>
              <li><a href="#">200-300元</a></li>
              <li><a href="#">300-500元</a></li>
              <li><a href="#">500-800元</a></li>
              <li><a href="#">800-1500元</a></li>
              <li><a href="#">1500元以上</a></li>
            </ul>
          </div>
          <!-- 第五行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>颜色：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">红色</a></li>
              <li><a href="#">粉色</a></li>
              <li><a href="#">白色</a></li>
              <li><a href="#">蓝色</a></li>
              <li><a href="#">香槟色</a></li>
              <li><a href="#">黄色</a></li>
              <li><a href="#">紫色</a></li>
            </ul>
          </div>
        </div>
        <!-- 二级列表2 -->
        <div class="er-list">
          <!-- 第一行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>种类：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">经典花盒</a></li>
              <li><a href="#">玻璃罩摆件</a></li>
              <li><a href="#">创意永生花</a></li>
              <li><a href="#">网红PE花</a></li>

            </ul>
          </div>

        </div>
        <!-- 二级列表3 -->
        <div class="er-list">
          <!-- 第一行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>种类：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">商业花篮</a></li>
              <li><a href="#">会议桌花</a></li>
              <li><a href="#">礼仪胸花</a></li>
            </ul>
          </div>
          <div class="item1 clearfix">
            <div class="l">
              <span>价格：</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">200元以下</a></li>
              <li><a href="#">200-500元</a></li>
              <li><a href="#">500-800元</a></li>
              <li><a href="#">800-1200元</a></li>
              <li><a href="#">1200元以上</a></li>
            </ul>
          </div>
        </div>
        <!-- 二级列表4 -->
        <div class="er-list">
          <!-- 第一行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>盆栽绿植</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">盆栽绿植</a></li>
            </ul>
          </div>
          <!-- 第二行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>盆栽花卉</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">盆栽花卉</a></li>
            </ul>
          </div>
          <!-- 第三行 -->
          <div class="item1 clearfix">
            <div class="l">
              <span>按价格</span>
            </div>
            <ul class="r">
              <li><a href="#">全部</a></li>
              <li><a href="#">200以内</a></li>
              <li><a href="#">200-500元</a></li>
              <li><a href="#">500-800元</a></li>
              <li><a href="#">800以上</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>



  <!-- 轮播图 -->
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="./img/banner/banner1.jpg"></div>
      <div class="swiper-slide"><img src="./img/banner/banner2.jpg"></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
  </div>




  <!-- 热销商品 -->
  <div class="goods">
    <div class="contenter">
      <div class="tit">
        <div class="tit-l">
          <a href="./flower.html">热销商品</a>
          <span>送·让你怦然心动的人</span>
        </div>
        <div class="tit-r">
          <a href="./flower.html">更多热销商品 >></a>
        </div>
      </div>
      <div class="bodyer">
        <div class="l-box">
          <a href="./goods.html"><img src="./img/goods/l-1.jpg" alt=""></a>
          <div class="down">
            <a href="flower.html">热销商品专区 >></a>
          </div>
        </div>
        <ul class="r-box">
          <li class="item">
           <a href="./goods.html"><img src="./img/goods/r-1.jpg" alt=""></a>
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <a href="shopping_carT.html"><img src="./img/goods/btn.jpg" alt=""></a>
            </div>
          </li>
         
          <li class="item">
           <a href="./goods.html"><img src="./img/goods/r-1.jpg" alt=""></a>
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <a href="shopping_carT.html"><img src="./img/goods/btn.jpg" alt=""></a>
            </div>
          </li>
         
          <li class="item">
           <a href="./goods.html"><img src="./img/goods/r-1.jpg" alt=""></a>
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <a href="shopping_carT.html"><img src="./img/goods/btn.jpg" alt=""></a>
            </div>
          </li>
         
          <li class="item">
           <a href="./goods.html"><img src="./img/goods/r-1.jpg" alt=""></a>
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <a href="shopping_carT.html"><img src="./img/goods/btn.jpg" alt=""></a>
            </div>
          </li>
         
          <li class="item">
           <a href="./goods.html"><img src="./img/goods/r-1.jpg" alt=""></a>
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <a href="shopping_carT.html"><img src="./img/goods/btn.jpg" alt=""></a>
            </div>
          </li>
         
          <li class="item">
           <a href="./goods.html"><img src="./img/goods/r-1.jpg" alt=""></a>
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <a href="shopping_carT.html"><img src="./img/goods/btn.jpg" alt=""></a>
            </div>
          </li>
         
          <li class="item">
           <a href="./goods.html"><img src="./img/goods/r-1.jpg" alt=""></a>
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <a href="shopping_carT.html"><img src="./img/goods/btn.jpg" alt=""></a>
            </div>
          </li>
         
          <li class="item">
           <a href="./goods.html"><img src="./img/goods/r-1.jpg" alt=""></a>
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <a href="shopping_carT.html"><img src="./img/goods/btn.jpg" alt=""></a>
            </div>
          </li>
         
        </ul>
      </div>
    </div>
  </div>
  <!-- 新品上市 -->
  <div class="goods">
    <div class="contenter">
      <div class="tit">
        <div class="tit-l">
          <a href="#">新品上市</a>
          <span>送·让你怦然心动的人</span>
        </div>
        <div class="tit-r">
          <a href="#">更多新品上市 >></a>
        </div>
      </div>
      <div class="bodyer">
        <div class="l-box">
          <img src="./img/goods/l-2.jpg" alt="">
          <div class="down d2">
            <a href="#">新品上市专区 >></a>
          </div>
        </div>
        <ul class="r-box">
          <li class="item">
            <img src="./img/goods/r-2.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-2.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-2.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-2.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-2.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-2.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-2.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-2.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 特别推荐 -->
  <div class="goods">
    <div class="contenter">
      <div class="tit">
        <div class="tit-l">
          <a href="#">特别推荐</a>
        </div>
        <div class="tit-r">
          <a href="#">更多特别推荐 >></a>
        </div>
      </div>
      <div class="bodyer">
        <div class="l-box">
          <img src="./img/goods/l-3.jpg" alt="">
          <div class="down d3">
            <a href="#">特别推荐专区 >></a>
          </div>
        </div>
        <ul class="r-box">
          <li class="item">
            <img src="./img/goods/r-3.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-3.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-3.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-3.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-3.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-3.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-3.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-3.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 精美礼品 -->
  <div class="goods">
    <div class="contenter">
      <div class="tit">
        <div class="tit-l">
          <a href="#">精美礼品</a>
        </div>
        <div class="tit-r">
          <a href="#">更多精美礼品 >></a>
        </div>
      </div>
      <div class="bodyer">
        <div class="l-box">
          <img src="./img/goods/l-4.jpg" alt="">
          <div class="down d4">
            <a href="#">精美礼品专区 >></a>
          </div>
        </div>
        <ul class="r-box">
          <li class="item">
            <img src="./img/goods/r-4.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-4.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-4.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-4.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-4.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-4.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-4.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-4.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 商务花篮 -->
  <div class="goods">
    <div class="contenter">
      <div class="tit">
        <div class="tit-l">
          <a href="#">商务花篮</a>
        </div>
        <div class="tit-r">
          <a href="#">更多商务花篮 >></a>
        </div>
      </div>
      <div class="bodyer">
        <div class="l-box">
          <img src="./img/goods/l-5.jpg" alt="">
          <div class="down d5">
            <a href="#">精美商务花篮 >></a>
          </div>
        </div>
        <ul class="r-box">
          <li class="item">
            <img src="./img/goods/r-5.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-5.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-5.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-5.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-5.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-5.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-5.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-5.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 绿色花卉 -->
  <div class="goods">
    <div class="contenter">
      <div class="tit">
        <div class="tit-l">
          <a href="#">绿色花卉</a>
        </div>
        <div class="tit-r">
          <a href="#">更多绿色花卉 >></a>
        </div>
      </div>
      <div class="bodyer">
        <div class="l-box">
          <img src="./img/goods/l-6.jpg" alt="">
          <div class="down d6">
            <a href="#">绿色花卉专区 >></a>
          </div>
        </div>
        <ul class="r-box">
          <li class="item">
            <img src="./img/goods/r-6.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-6.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-6.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-6.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-6.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-6.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-6.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-6.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 浪漫组合 -->
  <div class="goods">
    <div class="contenter">
      <div class="tit">
        <div class="tit-l">
          <a href="#">浪漫组合</a>
        </div>
        <div class="tit-r">
          <a href="#">更多浪漫组合 >></a>
        </div>
      </div>
      <div class="bodyer">
        <div class="l-box">
          <img src="./img/goods/l-7.jpg" alt="">
          <div class="down d7">
            <a href="#">浪漫组合专区 >></a>
          </div>
        </div>
        <ul class="r-box">
          <li class="item">
            <img src="./img/goods/r-7.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-7.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-7.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-7.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-7.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-7.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-7.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-7.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 珠宝 -->
  <div class="goods">
    <div class="contenter">
      <div class="tit">
        <div class="tit-l">
          <a href="#">珠宝</a>
          <span>真爱永恒 高贵奢华</span>
        </div>
        <div class="tit-r">
          <a href="#">更多珠宝 >></a>
        </div>
      </div>
      <div class="bodyer">
        <div class="l-box">
          <img src="./img/goods/l-8.jpg" alt="">
          <div class="down d8">
            <a href="#">珠宝专区 >></a>
          </div>
        </div>
        <ul class="r-box">
          <li class="item">
            <img src="./img/goods/r-8.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-8.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-8.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-8.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-8.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-8.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-8.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-8.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- 永生花 -->
  <div class="goods">
    <div class="contenter">
      <div class="tit">
        <div class="tit-l">
          <a href="#">永生花</a>
        </div>
        <div class="tit-r">
          <a href="#">更多永生花 >></a>
        </div>
      </div>
      <div class="bodyer">
        <div class="l-box">
          <img src="./img/goods/l-9.jpg" alt="">
          <div class="down d9">
            <a href="#">永生花专区 >></a>
          </div>
        </div>
        <ul class="r-box">
          <li class="item">
            <img src="./img/goods/r-9.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-9.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-9.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-9.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-9.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-9.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-9.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
          <li class="item">
            <img src="./img/goods/r-9.jpg" alt="">
            <div class="desc">
              <p class="th">￥199</p>
              <p class="td">唯一的爱</p>
              <img src="./img/goods/btn.jpg" alt="">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
<!-- 讨论区 -->
<div class="discuss">
  <div class="contenter">
    <!-- 爱情物语 -->
    <div class="dis1">
      <div class="dis-tit">
        <span>爱情物语</span>
        <a href="#"><i class="iconfont icon-tianjia"></i></a>
      </div>
      <div class="dis-bod">
        <ul>
          <li><a href="#">我想和你一齐老</a></li>
          <li><a href="#">原来，“送花”比“收花”更激动</a></li>
          <li><a href="#">送花，他挽回了初恋</a></li>
          <li><a href="#">在外面的日子，可以不孤单</a></li>
          <li><a href="#">你愿意成为我的爱侣吗？</a></li>
          <li><a href="#">把所有的思念带给妈妈</a></li>
        </ul>

      </div>
    </div>

    <!-- 最新评价 -->
    <div class="new">
      <div class="dis-tit ">
        <span>最新评价</span>
        <a href="#"><i class="iconfont icon-tianjia"></i></a>
      </div>
      <div class="dis-bod">
        <!-- 评论一 -->
        <dl>
          <dt>
            <a href="#">
            <div class="img"><img src="./img/dis/user-1.jpg" alt=""></div>
            <span>DHBA**</span>
          </a>
          </dt>
          <dd>
            <div class="top">
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
            </div>
            <div class="down"><a href="#">精致可爱，妹妹很喜欢，下次再来</a></div>
          </dd>
        </dl>
        <!-- 评论二 -->
        <dl>
          <dt>
            <a href="#">
            <div class="img"><img src="./img/dis/user-2.jpg" alt=""></div>
            <span>yx**</span>
          </a>
          </dt>
          <dd>
            <div class="top">
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
            </div>
            <div class="down"><a href="#">收到女朋友很开心，花朵很新鲜的，质量很好</a></div>
          </dd>
        </dl>
        <!-- 评论三 -->
        <dl>
          <dt>
            <a href="#">
            <div class="img"><img src="./img/dis/user-3.jpg" alt=""></div>
            <span>**</span>
          </a>
          </dt>
          <dd>
            <div class="top">
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
              <i class="iconfont icon-xingxing"></i>
            </div>
            <div class="down"><a href="#">摆在桌子上当装饰，也不凋谢，很好</a></div>
          </dd>
        </dl>
      </div>
    </div>
    <!-- 送花常识 -->
    <div class="dis1">
      <div class="dis-tit">
        <span>送花常识</span>
        <a href="#"><i class="iconfont icon-tianjia"></i></a>
      </div>
      <div class="dis-bod">
        <ul>
          <li><a href="#">2017年愚人节祝福语，愚人节祝福语大全</a></li>
          <li><a href="#">情人节送什么礼物最适合</a></li>
          <li><a href="#">各色玫瑰代表的意义（国际版）</a></li>
          <li><a href="#">父亲节到了，给父亲送花推荐！</a></li>
          <li><a href="#">毕业送花给老师哪些花合适？
          </a></li>
        </ul>

      </div>
    </div>
    <!-- 花卉知识 -->
    <div class="dis1">
      <div class="dis-tit">
        <span>花卉知识</span>
        <a href="#"><i class="iconfont icon-tianjia"></i></a>
      </div>
      <div class="dis-bod">
        <ul>
          <li><a href="#">开始插花前，你所需要知道的插花类型</a></li>
          <li><a href="#">关于洋甘菊的传说，你知道吗？</a></li>
          <li><a href="#">送花攻略：向女友道歉的鲜花</a></li>
          <li><a href="#">关于芍药的故事，你知道嘛！</a></li>
          <li><a href="#">桌花怎么摆？桌花有哪些参考色系？</a></li> 
        </ul>

      </div>
    </div>
  </div>
</div>
  <!-- 页脚 -->
  <div class="footer">
    <div class="contenter">
      <div class="f-list">
        <ul class="f-item">
          <li><a href="#" class="f-th">新手指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员注册</a></li>
          <li><a href="#">会员积分</a></li>
        </ul>
        <ul class="f-item">
          <li><a href="#" class="f-th">如何付款</a></li>
          <li><a href="#">在线支付常见问题</a></li>
          <li><a href="#">取消订单</a></li>
          <li><a href="#">支付说明</a></li>
          <li><a href="#">支付宝说明</a></li>
          <li><a href="#">国际客户支付</a></li>
          <li><a href="#">上门收款</a></li>
        </ul>
        <ul class="f-item">
          <li><a href="#" class="f-th">配送方式</a></li>
          <li><a href="#">浪漫天使鲜花礼品网之服务细说</a></li>
          <li><a href="#">配送费用收取标准</a></li>
          <li><a href="#">配送服务说明</a></li>
        </ul>
        <ul class="f-item">
          <li><a href="#" class="f-th">售后服务</a></li>
          <li><a href="#">投诉处理</a></li>
          <li><a href="#">修改订单信息说明</a></li>
          <li><a href="#">蛋糕售后说明</a></li>
          <li><a href="#">绿植售后说明</a></li>
          <li><a href="#">鲜花售后说明</a></li>
        </ul>
        <ul class="f-item">
          <li><span class="s-th">联系我们</span></li>
          <li><span>全国订购热线：400-9919-650（免长途费）</span></li>
          <li><a href="#">在线客服</a></li>
          <li><span>7x12小时在线订购</span></li>
          <li><span>客服工作时间：8:00-22:00</span></li>
          <li><span>E-mail: <a href="#">lmtshua@163.com</a> </span></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- copy -->
  <div class="copy">
    <ul>
      <li><a href="#">首页</a><span>|</span></li>
      <li><a href="#">关于我们</a><span>|</span></li>
      <li><a href="#">联系我们</a><span>|</span></li>
      <li><a href="#">服务监督</a><span>|</span></li>
      <li><a href="#">支付说明</a><span>|</span></li>
      <li><a href="#">购物流程</a></li>
    </ul>
    <p><a href="#">苏ICP备18042816号</a>
      Copyright © 2012 - 2021</p>
    <p><a href="#">cxhua.njspsm.cn</a>
      南京笙鹏商贸有限公司</p>
  </div>
<!-- 右侧固定定位 -->
<div class="flex-r">
  <div class="tit">
    在线客服
  </div>
  <div class="bod">
      <a id="vx_btn" href="javascript:;" class="img"><img src="./img/flex-r/flex-r1.jpg" alt=""></a>
      <a href="https://shang.qq.com//open_webaio.html" class="img"><img src="./img/flex-r/flex-r2.jpg" alt=""></a>
      <a href="#" class="img"><img src="./img/flex-r/flex-r3.jpg" alt=""></a>
      <a href="https://bft.zoosnet.net/LR/Chatpre.aspx?id=BFT91720170&lng=cn&r=&rf1=&rf2=&p=http%3A//cxhua.njspsm.cn/&cid=93dacbf6f28647afa8af36196890b8f9&sid=626511d240d94e4092398b9d4f4063e8" class="img"><img src="./img/flex-r/flex-r4.jpg" alt=""></a>
      <a id="t-img"><img src="./img/flex-r/flex-top.jpg" alt=""></a>
  </div>
</div>
<!-- 微信弹出 -->
  <div id="vx" class="vx_bg">
    <div class="vx_box">
      <div class="tit">
        <span>微信客服</span>
        <i id="v_box_close">×</i>
      </div>
      <div class="bod">
        <p>如您无法扫码，请加微信号<span> 1585405952 </span>进行咨询。</p>
        <div class="img"><img src="http://img.21xianhua.com/upload/2020/05/14/593fb8d8b2e45a08ca7de59b83306655" alt=""></div>
      </div>
      <div class="foot">
        <button id="v_box_close">关闭</button>
      </div>
    </div>
  </div>
  <!-- 下方固定 -->
  <div id="flex-b">
    <img id="off"  src="./img/flex-b/close.gif" alt="">
    <a href="#"><img class="bg" title="如果您有什么问题,请点击此处进行即时沟通;" src=https://bft.zoosnet.net/site/91720170/onlineimgsrc_cn.jpg alt=""></a>
  </div>

</body>
<script src="js/base.js"></script>
<script src="swiper/swiper-bundle.js"></script>
<!-- 轮播引入 -->
 <script>
  var mySwiper = new Swiper('.swiper-container', {
    autoplay:true,
    loop: true, // 循环模式选项
    effect : 'fade',
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    },
    
    // 如果需要前进后退按钮
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

  })
  for(i=0;i<mySwiper.pagination.bullets.length;i++){
mySwiper.pagination.bullets[i].onmouseover=function(){
  this.click();
};
} 
mySwiper.params.pagination.clickable = true ;
//此外还需要重新初始化pagination
mySwiper.pagination.destroy()
mySwiper.pagination.init()
mySwiper.pagination.bullets.eq(0).addClass('swiper-pagination-bullet-active');
</script>

</html>
